//在顶部加上这一行
@import '~antd/lib/style/themes/default.less';

@primary-color: #45459f; //主题色
@my-btn-hover-bg: #32328c; //选中、悬浮、点击主题色

/**自定义颜色变量**/
:root {
  --primary-color: #45459f; //主题色
  --my-btn-hover-bg: #32328c; //选中、悬浮、点击主题色
}

section {
  background: #fff;
}

.ant-btn:active,
.ant-btn:focus {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-color: #d9d9d9;
}
.ant-btn:hover {
  color: @primary-color;
  border-color: @my-btn-hover-bg;
}

.ant-btn-primary:active,
.ant-btn-primary:focus {
  color: #fff;
  background: @primary-color;
  border-color: @primary-color;
}

.ant-btn-primary:hover {
  color: #fff;
  background: @my-btn-hover-bg;
  border-color: @my-btn-hover-bg;
}

.ant-btn-text {
  color: #999;
}

.ant-btn-text:active,
.ant-btn-text:focus {
  color: #999;
  background: #fff;
  border-color: rgba(0, 0, 0, 0);
}

.ant-btn-text:hover {
  color: @my-btn-hover-bg;
  //background: #fff;
  background: transparent;
  border-color: rgba(0, 0, 0, 0);
}

.ant-tag {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #888888;
}

.ant-tag-checkable-checked {
  color: #fff;
}

.ant-pagination-item {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  & > a {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #888888;
  }
}

.ant-pagination-item-active {
  background: @primary-color;
  border-color: @primary-color;
  color: #fff;
  & > a {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
  }
}

.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  color: #fff;
  & > a {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
  }
}
